<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>我的订单</title>
	<link rel="stylesheet" type="text/css" href="../../build/css/base.css"/>
	<link rel="stylesheet" type="text/css" href="../../build/css/main.css">
	<link rel="stylesheet" href="../../build/css/mine.css">
	<script src="../../build/js/jquery.min.js"></script>
	<script src="../../build/public/vue.js" charset="utf-8"></script>
	<script src="../../build/public/vue-resource.js" charset="utf-8"></script>
	<script src="../../build/js/config.js"></script>
	<script src="../../build/js/common.js"></script>
	<script src="../../build/js/global.js"></script>
	<script src="../../build/public/base.js"></script>
</head>
<body>
	<div id="container" style="padding-bottom:50px;">
		<!-- 头部图片 -->
		<div class="mine-top">
			<div class="mine-bg">
				<span class="mine-icon">
					<a style="float:right;" class="goSet">
						<span class="iconfont mine-oper">&#xe62c;</span>
					</a>
					<a style="float:right;margin-right: 20px;" class="goMess">
						<span class="iconfont mine-mess">&#xe616;
						<span class="mine-circle">{{data}}</span></span>
					</a>
				</span>
				<div class="mine-peo go">
					<span class="mine-people">
						<a style="display:block;">
							<img :src="picture" alt="" width="100" height="100">
						</a>
					</span>
					<p class="yellow-color cel-yellow change-yellow"><span class="iconfont">&#xe62a;</span>{{realNameVerified | formatRealNameVerified}}</p>
					<!-- <p class="yellow-color cel-yellow change-yellow"><span class="iconfont">&#xe62a;</span>已实名</p> -->
					<p class="mine-top-name">{{name}}</p>
				</div>
				<div class="mine-money">
					<div class="mine-money-l goIncome">
						<a>
							<span class="orange">{{monthIncome | formatThree}}</span><br>
							<i>本月收入(元)</i>
							<b></b>
						</a>
					</div>
					<div class="mine-money-r goWallet">
						<a>
							<span class="orange">{{withdrawalBalance | formatThree}}</span><br>
							<i>可提现余额(元)</i>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- tab栏 -->
		<div class="mine-tab">
			<ul>
				<li><a href="mine.html" class="current">我的订单</a></li>
				<li><a href="customer.html">我的客户</a></li>
				<li><a href="invite.html">邀请好友</a></li>
			</ul>
		</div>
		<!-- 我的订单 -->
		<div class="cus-con mine-con">
			<div class="cus-no mine-no">
				<a>
					<span class="cus-no-text">
					<span class="iconfont">&#xe62d;</span>陛下快上朝吧~<br>爱卿们都在等您推荐产品呢！</span>
				</a>
			</div>
			<div class="cus-in">
				<div class="cus-total mine-total">
					<span class="circle"><i></i></span>
					订单数：<span class="total-number">{{totalCount}}</span>
				</div>
				<div class="line"></div>
				<ul class="cus-in-li mine-order-con">
					<li v-for='order in orders'>
						<span class="mine-order-year">{{order.year}}</span>
						<span class="mine-order-date">{{order.month}}</span>
						<div class="mine-order">
							<div class="mine-proname">{{order.productName}}</div>
							<div class="mine-name">
								<span class="mine-order-no">{{order.totalPrice | formatThree}}元</span>
								<span class="mine-order-status">{{ order.status | orderStatusName}}</span>
								<span class="current mine-type blue" v-on:click="toUrl(order.userPhone)">查看客户</span>
							</div>
							<div class="cus-list-bot mine-list-bot">
								<span class="mine-order-no">订单号：{{order.orderNo}}</span>
								<span class="mine-order-status"> 佣金：{{order.brokerage | formatThree}}元</span>
								<span class="mine-type">{{order.orderType | categoryName}}</span>
							</div>
						</div>
					</li>

				</ul>
			</div>
		</div>
		<!--底栏-->
		<my-footer></my-footer>
		<div class="empetDate empetOrder">
 			<span class="iconfont">&#xe602;</span>
 			抱歉！没找到更多数据
 		</div>
	</div>
<script src="../../build/js/template.js"></script>
<script src="../../build/js/mine/mine.js"></script>
</body>
</html>
